.button {
   font-size:10pt;
   max-width:800px;
   min-width:22px;
   padding:2px 8px;
   background: #FDE404;
   background: -moz-linear-gradient(top, #FDE404 0%, #EAA502 38%, #FDE404 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FDE404), color-stop(38%,#EAA502), color-stop(100%,#FDE404));
   background: -webkit-linear-gradient(top, #FDE404 0%,#EAA502 38%,#FDE404 100%);
   background: -o-linear-gradient(top, #FDE404 0%,#EAA502 38%,#FDE404 100%);
   background: -ms-linear-gradient(top, #FDE404 0%,#EAA502 38%,#FDE404 100%);
   background: linear-gradient(to bottom, #FDE404 0%,#EAA502 38%,#FDE404 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDE404', endColorstr='#FDE404',GradientType=0 );
   color:white;
   font-weight:bold;
   text-align:center;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   border-radius:10px;
   -moz-box-shadow:0px 1px 2px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.9);
   -webkit-box-shadow:0px 1px 2px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.9);
   box-shadow:0px 1px 2px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.9);
   cursor:pointer;
}

.input {
   font-size:10pt;
   max-width:800px;
   min-width:22px;
   padding:2px 8px;
   background: #fff;
   color:black;
   text-align:left;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   border-radius:10px;
   -moz-box-shadow:0px 1px 2px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.9);
   -webkit-box-shadow:0px 1px 2px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.9);
   box-shadow:0px 1px 2px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.9);
   cursor:pointer;
}

@font-face {
    font-family: 'bonesnormal';
    src: url('http://ts-drop.appspot.com/fonts/bones-webfont.eot');
    src: url('http://ts-drop.appspot.com/fonts/bones-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://ts-drop.appspot.com/fonts/bones-webfont.woff') format('woff'),
         url('http://ts-drop.appspot.com/fonts/bones-webfont.ttf') format('truetype'),
         url('http://ts-drop.appspot.com/fonts/bones-webfont.svg#bonesnormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { 
color: #EAA502;
background-color: #171717;
background-image: url(../images/bg.jpg);
background-repeat: repeat-y;
background-attachment: fixed;
background-position: center 0pt;
font-family:arial, verdana, sans-serif; 
text-align: center; 
}
a                 { color: #efd125; text-decoration: none;  }
a.list       { color: #efd125; text-decoration: none; }
a:visited { color: #efd125; text-decoration: none; }
a:hover     { color: #efd115; font-style:bold; text-decoration: none; }

h1 { font-family: 'bonesnormal', 'Arial', serif; font-size: 36pt; font-weight: bold; color: #DAB801; }
h2 { font-family: 'bonesnormal', 'Arial', serif; font-size: 24pt; font-weight: bold; color: #DAB801; }

#page { min-width:783px; width:883px; max-width:2000px; margin-left:auto; margin-right:auto; }
#logo { position: absolute; z-index: 1000; top: 30; right: 40; width:201px ; height: 171px; }
#header { text-align: right; }
#error { margin-top: 15px; text-align:center;font-size: 1.2em; color:red; font-style:bold; }
#friendship { padding-top: 20px; text-align: center; }
#friendship input { width: 500px; }
#roster { border-collapse:collapse; empty-cells:show; text-align: left; }
#roster td { padding-top: 3px; padding-bottom: 3px; padding-left: 12px; padding-right: 12px; }
#roster th { padding-top: 3px; padding-bottom: 3px; padding-left: 12px; padding-right: 12px; }
#roster tfoot tr td{ padding-top: 28px; }
#totals { padding-left: 10px;padding-top: 16px; text-align:center; }
#totals hr { width: 400px; }
#greeting { text-align: center; }
#header_desc { margin-bottom: 4px; }
#header_ex { font-style: italic; font-size: smaller; margin-top: 0px; }
#headerline { margin-bottom: 2px; }

div.content { border: solid lightGrey 1px; margin-top: 20px; border-radius: 15px; padding-bottom: 22px;  padding-left: 10px;  padding-right: 10px; }

.grouper { font-weight:bold; text-decoration:underline; }
.starter  { font-weight:bold;color: #DAB801; }
.mechlistcol1 { width: 40px }
.mechlistcol2 { width: 60px }
.mechlistcol3 { width: 100px }
.mechlistcol4 { width: 600px }
